#@web_layout?()
#define css()
<link rel="stylesheet" type="text/css" href="#(contextPath)/assets/front/web/css/laydate.css?#(getUUID())" />
<link rel="stylesheet" type="text/css" href="#(contextPath)/assets/front/web/css/layer.css?#(getUUID())" />
<link rel="stylesheet" type="text/css" href="#(contextPath)/assets/front/web/css/main.css?#(getUUID())" />
<link rel="stylesheet" type="text/css" href="#(contextPath)/assets/front/web/script/upload/webuploader.css" />
<link rel="stylesheet" type="text/css" href="#(contextPath)/assets/front/web/script/tooltip/tipso.min.css" />
<style>
	.tipso_style{
		border:0
	}
	.task-container{
		display:inline-flex;
	}
	.c-article .g-info,.c-article .g-task-success{
		padding:0 40px;
		min-width: 0px;
	}
	
	.task-previous,.task-go-next{
		color:white;
		padding: 10px 10px;
		text-align:center;
		width:100px;
		margin-left:40px;
		cursor:pointer;
	}
	
	.task-go-next{
		background-color: #8A95B1;
	}
	.task-previous{
		background-color: #d5d5d5;
	}
	.task-btn-wrapper{
		margin:0 auto;
		display:inline-flex;
	}
</style>
#end
#define content()
<div class="c-article">
    <form id="taskForm">
        <input type="hidden" id="extension_type" name="task.extension_type" value="2" >
        <input type="hidden" id="h5_type" name="task.h5_type" value="2" >
        <input type="hidden" id="task_title" name="task.task_title" >
        <input type="hidden" id="task_type" name="task.task_type">
        <!-- <input type="hidden" id="task_price" name="task.task_price"> -->
        <input type="hidden" id="totalFee" name="task.total_fee">
        <input type="hidden" id="task_start_time" name="task.task_start_time" >
        <input type="hidden" id="task_end_time" name="task.task_end_time" >
        <input type="hidden" id="task_description" name="task.task_description" >
	    
	    <div class="g-info">
	        <div class="u-title">线上任务信息</div>
	        <div class="task-container">
	        <div class="m-panel" style="border-radius: 2px">
	            <div class="m-row">
	                <div class="u-row-title"></div>
	                <div style="padding:10px;color:#62bcc0">温馨提示:请顺序选择的图片素材，右侧为图片上传后的预览效果</div>
	            </div>
	            
	            <div class="m-row">
	                <div class="u-row-title">推广连接:</div>
	                <div class="u-row-box">
	                    <div class="u-row-box-input">
	                        <input name="task.web_url" onblur="modifyUrl()" placeholder="请输入需要推广的产品或内容链接,如果没有请留空" class="u-row-cell-input" id="web_url" maxlength="100" />
	                    </div>
	                </div>
	            </div>
	            
	            <div class="m-row">
	                <div class="u-row-title">推广方式:</div>
	                <div class="u-row-box" id="tgfs">
	                    <div class="u-row-box-input u-row-box-check u-row-box-check-active" id="rl" code="2" style="margin-right:20px;">
	                        <div class="u-row-cell-check">主播认领</div>
	                    </div>
	                    <div class="u-row-box-input u-row-box-check" code="1" id="zd">
	                        <div class="u-row-cell-check">
	                        指定主播
	                        <img class="ext-type" src="#(contextPath)/assets/front/web/resources/ic_help.png" width="15"/>
	                        </div>
	                    </div>
	                </div>
	            </div>
	            #--
	            <div class="m-row">
                <div class="u-row-title">H5页面模板:</div>
                <div class="u-row-box">
                    <div class="u-row-box-input">
                        <select name="task.template" class="u-row-cell-input" id="taskTemplate">
                        	 <option  value="">==请选择模板==</option>
                            <option value="default">系统默认模板1</option>
                            <option  value="template1">系统默认模板2</option>
                        </select>
                    </div>
                </div>
            </div>
	           
	            <div class="m-row">
		            <div class="u-row-title">人数:</div>
		                <div class="u-row-box" >
		                    <div class="u-row-box-input">
		                        <input id="wh_number" onblur="modifyWhNum()" name="task.wh_number" placeholder="指定主播模式，最多填10人"
		                        class="u-row-cell-input" style="color:#f96436;" maxlength="8" />
		                        <div class="u-row-cell-tip">人</div>
		                    </div>
		            </div>
	            </div>
	           --#  
	            <div class="m-row">
	                <div class="u-row-title">表现形式:</div>
	                <div class="u-row-box" id="bxxs">
	                    <div class="u-row-box-input u-row-box-check u-row-box-check-active" code="2" style="margin-right:20px;">
	                        <div class="u-row-cell-check">有H5页面
	                        <img class="task-h5"  src="#(contextPath)/assets/front/web/resources/ic_help.png" width="15"/>
	                        </div>
	                    </div>
	                    #--
	                    <div class="u-row-box-input u-row-box-check " code="1">
	                        <div class="u-row-cell-check">无H5页面
	                         <img class="task-not-h5" src="#(contextPath)/assets/front/web/resources/ic_help.png" width="15"/>
	                        </div>
	                    </div>
	                    --#
	                    <div class="u-row-title"></div>
		                <div class="u-row-box">
		                </div>
	                </div>
	            </div>
	            <div class="m-row" id="pic_panel">
	                <div class="u-row-title">上传素材:</div>
	                <div class="u-row-box">
	                    <div class="u-row-box-upload" id="upload">
	                        <div class="" id="fileClick" >请顺序选择您上传图片(可多图，图片大小限制1M以内)</div>
	                        <div style="display: none" id="hiddenFiles">
	
	                        </div>
	                        <input type="file" id="files" style="display: none">
	                        <div class="u-row-cell-upload" id="uploaded">
	
	                        </div>
	                    </div>
	                </div>
	            </div>
	            <div class="m-row">
	            	<div class="task-btn-wrapper">
	            		<div class="task-previous" id="previous">&lt;&lt; 上一步</div>
	                	<div class="task-go-next" id="next">请选择任务类型</div>
	            	</div>
	            </div>
	        </div>
	    	<div class="g-task-success">
			        <div class="g-task-success-page">
			            <div class="m-page-box">
			                <div class="u-page">
			                	<iframe class="u-page-inner" src="#(contextPath)/platform/mission?id=#(id)" id="preview"></iframe>
			                </div>
			            </div>
			        </div>
			  </div>
	    	</div>
	    </div>
	    
	    
	    
    </form>
</div>
#end
#define script()
<script type="text/javascript">
    var contextPath="#(contextPath)";
    var doaminurl = "#(domain)";
    $(document).ready(function(){
    	
    	var taskType = {
    			position: 'bottom',
    			background: 'black',
    			width:600,
    			useTitle: false,
    			content:"如果是线下定制任务，提交后我们马上和您联系，或者您也可以拨打0571-81396102联系我们"
    		}
    	
    	var taskPrice= {
    			position: 'bottom',
    			background: 'black',
    			useTitle: false,
    			width:300,
    			content:" 根据网红粉丝数据和所接任务的执行效果划分"
    		}
    	
    	var extType = {
    			position: 'bottom',
    			background: 'black',
    			useTitle: false,
    			width:300,
    			content:"指定网红需要额外增加50元/人的费用"
    		}
    	
    	var taskH5 = {
    			position: 'bottom',
    			background: 'black',
    			useTitle: false,
    			width:400,
    			content:"根据您提交的图片自动生成推广H5页面，让网红和其粉丝在该页面产生互动"
    		}
    	
    	
    	var taskNotH5 = {
    			position: 'bottom',
    			background: 'black',
    			useTitle: false,
    			width:600,
    			content:"根据您的要求让网红再朋友圈，微博等社交平台手动发布广告内容(因为改方式无法获取分析数据，如非必要不推荐)"
    		}
    	
    	$('.task-type').tipso(taskType);
    	$('.task-price').tipso(taskPrice);
    	$('.ext-type').tipso(extType);
    	$('.task-h5').tipso(taskH5);
    	$('.task-not-h5').tipso(taskNotH5);
    	
    	$(".task-type").on("hover",function(){
    		$('.task-type').tipso("show")
    	})
    	
    	$(".task-price").on("hover",function(){
    		$('.task-price').tipso("show")
    	})
    	
    	$(".ext-type").on("hover",function(){
    		$('.ext-type').tipso("show")
    	})
    	
    	
    	$(".task-h5").on("hover",function(){
    		$('.task-h5').tipso("show")
    	})
    	
    	$(".task-not-h5").on("hover",function(){
    		$('.task-not-h5').tipso("show")
    	})
    })
</script>
<script src="#(contextPath)/assets/front/web/script/WdatePicker.js"></script>
<script src="#(contextPath)/assets/front/web/script/ajax.js"></script>
<script src="#(contextPath)/assets/front/web/script/webuploader.js"></script>
<script src="#(contextPath)/assets/front/web/script/task-second-step.js?#(getUUID())"></script>
<script src="#(contextPath)/assets/front/web/script/tooltip/tipso.min.js"></script>
<script type="text/javascript" src="#(contextPath)/assets/front/web/script/drag/move.js"></script>
#end